<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../css/dateRange.css">
		<style type="text/css">
		.ta_date {
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		background-color: rgb(254, 254, 254);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(250, 250, 250)), to(rgb(245, 245, 245)));
		box-shadow: rgba(218, 218, 218, 0.8) 0px 1px 1px;
		float: left;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(216, 216, 216);
		border-radius: 3px;
		background-repeat: repeat-x;
		}
		.ta_date .date_title {
		font-family: Arial;
		font-size: 14px;
		color: rgb(102, 102, 102);
		vertical-align: middle;
		cursor: pointer;
		padding: 6px 10px;
		border-right: 1px solid rgb(216, 216, 216);
		}
		.ta_date .opt_sel {
		width: 30px;
		height: 28px;
		line-height: 28px;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		margin-left: -4px;
		}
		.ta_date .i_orderd {
		display: inline-block;
		width: 0px;
		height: 0px;
		vertical-align: middle;
		font-size: 0px;
		content: "";
		border-top: 5px solid rgb(114, 114, 114);
		border-right: 5px dashed transparent;
		border-left: 5px dashed transparent;
		overflow: hidden;
		}
		</style>
	</head>
	<body>
		<!-- <div id="div_date_demo3" class="daterange">
			<span id="date_demo3"></span>
			<a id="input_trigger_demo3" href="#"> <i><img src="../../css/images/icon_date.png" height="16" width="30"></i> </a>
		</div> -->

		<div class="ta_date" id="div_date_demo3">
                    <span class="date_title" id="date_demo3">2017-07-13 至 2017-07-19</span>
                    <a class="opt_sel" id="input_trigger_demo3" href="#">
                        <i class="i_orderd"></i>
                    </a>
                </div>
	</body>
	<script type="text/javascript" src="../../js/jquery-1.12.3.min.js"></script>
	<script type="text/javascript" src="../../js/dateRange.js"></script>
		<script type="text/javascript">
		var dateRange = new pickerDateRange('date_demo3', {
		isTodayValid : true,
		startDate : '2013-04-14',
		endDate : '2013-04-21',
		defaultText : ' 至 ',
		inputTrigger : 'input_trigger_demo3',
		theme : 'ta',
		success : function(obj) {
		//自定义的回调函数 callback();
		}
		});
		</script>
</html>